<template>
	<view class="contain">
		<view class="flex justify-between items-center whiteBox">
			<view class="flex justify-center flex-none w-12">
				<image src="/static/user/level_icon.png"></image>
			</view>
			<view class="flex flex-col shrink w-60">
				<text>个人认证</text>
				<text class="text-sm text-gray-400">适合个人申请店铺、普创盟等</text>
			</view>
			<view class="flex-none w-20">
				<u-button type="error" text="立即认证"></u-button>
			</view>
		</view>  <!-- whiteBox End -->
		<view class="flex justify-between items-center whiteBox">
			<view class="flex justify-center flex-none w-12">
				<image src="/static/user/level_icon.png"></image>
			</view>
			<view class="flex flex-col shrink w-60">
				<text>机构认证</text>
				<text class="text-sm text-gray-400">适合村落/族系管理人申请等</text>
			</view>
			<view class="flex-none w-20">
				<u-button type="error" text="立即认证"></u-button>
			</view>
		</view>  <!-- whiteBox End -->
		<view class="flex justify-between items-center whiteBox">
			<view class="flex justify-center flex-none w-12">
				<image src="/static/user/level_icon.png"></image>
			</view>
			<view class="flex flex-col shrink w-60">
				<text>企业认证</text>
				<text class="text-sm text-gray-400">适合企业申请店铺、普创盟等</text>
			</view>
			<view class="flex-none w-20">
				<u-button type="error" text="立即认证"></u-button>
			</view>
		</view>  <!-- whiteBox End -->
	</view> <!-- contain End -->
</template>

<script setup lang='ts'>
import { ref,reactive } from 'vue'
		
</script>
<style>
	page{
		background:#F8F8F8;
	}
</style>
<style lang='scss' scoped>
	@import "authority.scss";
</style>